<!-- 
    头像组件下个人信息功能下
    个人信息展示页面
    在pinia中获取数据渲染
 -->
<template>
    <div>
        <el-descriptions title="我的详情资料" border :column="1">
            <el-descriptions-item label="用户名">{{ store.user.username }}</el-descriptions-item>
            <el-descriptions-item label="真实姓名">{{ store.user.realname }}</el-descriptions-item>
            <el-descriptions-item label="电话">{{ store.user.phone }}</el-descriptions-item>
            <el-descriptions-item label="最近登录时间">{{ store.user.gmtLastLogin }}</el-descriptions-item>
            <el-descriptions-item label="角色">{{ store.user.roles }}</el-descriptions-item>
            <el-descriptions-item label="状态">
                <el-tag v-if="store.user.status" effect="dark">正常</el-tag>
                <el-tag type="info" effect="dark">禁用</el-tag>
            </el-descriptions-item>
        </el-descriptions>
    </div>
</template>
<script lang="ts" setup>
import { useUserStore } from '@/stores/admin/index'//引入pinia中的状态容器
const store = useUserStore()//实例化pinia中的容器函数
</script>
<style lang="less" scoped>

</style>


